<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>请签字</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/views/sysdefault/jsSign/js/jquery.js"></script>
		<link href="<%=request.getContextPath()%>/views/sysdefault/jsSign/css/mui.min.css" rel="stylesheet" />
		<script src="<%=request.getContextPath()%>/views/sysdefault/jsSign/js/mui.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/views/sysdefault/jsSign/js/jSignature.min.js"></script>
		<!--[if lt IE 9]>
		<script type="text/javascript" src="js/flashcanvas.js"></script>
		<![endif]-->
	</head>
<body>
    <div id="signature" style="width:100%;height: 100%;"></div>
	<br>
	<input style="float: right;margin-right: 80px;margin-top: -10%;" id="export" type="button" value="保存">
	<input style="float: right;margin-right: 10px;margin-top: -10%;" id="clear1" type="button" value="清除">
	<p id="base" style="width:100%;"></p>
	<script type="text/javascript" >
	  
		mui.plusReady(function() {
			plus.screen.lockOrientation('landscape-secondary');
		});
		$(document).ready(function() {
			$("#signature").jSignature()
		});
		document.getElementById("clear1").addEventListener('tap', function() {
			$("#signature").jSignature("reset");
		});
		document.getElementById("export").addEventListener('tap', function() {
			var datapair = $("#signature").jSignature("getData", "image");
			var data="data:" + datapair[0] + "," + datapair[1];
			parent.selectCallBack2(data);
		});
		
	
    </script>
</body>
</html>
